/**
 * 全局CSS变量
 */

:root {
	/* 主色调 */
	--primary-color: #409eff;
	--primary-light-1: #66b1ff;
	--primary-light-2: #b3d8ff;
	--primary-light-3: #d6e8ff;
	--primary-light-4: #ecf5ff;
	--primary-dark-1: #337ecc;
	--primary-dark-2: #2c6cb0;

	/* 辅助色 */
	--success-color: #67c23a;
	--warning-color: #e6a23c;
	--danger-color: #f56c6c;
	--info-color: #909399;

	/* 中性色 */
	--text-primary: #303133;
	--text-regular: #606266;
	--text-secondary: #909399;
	--text-placeholder: #c0c4cc;
	--border-base: #dcdfe6;
	--border-light: #e4e7ed;
	--border-lighter: #ebeef5;
	--border-extra-light: #f2f6fc;

	/* 背景色 */
	--bg-color: #ffffff;
	--bg-color-page: #f9fafc;
	--bg-color-overlay: #ffffff;

	/* 边框 */
	--border-radius-base: 4px;
	--border-radius-small: 2px;
	--border-radius-large: 8px;
	--border-radius-circle: 50%;
	--border-width-base: 1px;
	--border-style-base: solid;
	--border-color-base: var(--border-base);
	--border-color-light: var(--border-light);
	--border-base: var(--border-width-base) var(--border-style-base)
		var(--border-color-base);
	--border-light: var(--border-width-base) var(--border-style-base)
		var(--border-color-light);

	/* 阴影 */
	--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
	--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	--box-shadow-primary: 0 2px 12px 0 rgba(64, 158, 255, 0.2);

	/* 字体 */
	--font-size-base: 14px;
	--font-size-small: 13px;
	--font-size-large: 16px;
	--font-size-extra-large: 18px;
	--font-weight-primary: 500;
	--font-weight-secondary: 400;
	--font-weight-bold: 600;
	--font-line-height-primary: 1.5;
	--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
		Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;

	/* 过渡 */
	--transition-base: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	--transition-fast: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	--transition-slow: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);

	/* 间距 */
	--spacing-base: 8px;
	--spacing-small: 4px;
	--spacing-medium: 12px;
	--spacing-large: 16px;
	--spacing-extra-large: 24px;

	/* 层级 */
	--z-index-normal: 1;
	--z-index-dropdown: 1000;
	--z-index-sticky: 1020;
	--z-index-fixed: 1030;
	--z-index-modal-backdrop: 1040;
	--z-index-modal: 1050;
	--z-index-popover: 1060;
	--z-index-tooltip: 1070;
}
